<template>
  <ve-wordcloud :data="chartData" height="100%" ></ve-wordcloud>
</template>

<script>
/* eslint-disable */
export default {
  data() {
    this.chartSettings = {
      shape: 'diamond'
    }
    return {
      chartData: {
        columns: ['word', 'count'],
        rows: getRows()
      }
    }
  }
}

function getRows() {
  return [{
    'word': '冒菜',
    'count': 100 * Math.random()
  }, {
    'word': '麻辣',
    'count': 100 * Math.random()
  }, {
    'word': '全家桶',
    'count': 100 * Math.random()
  }, {
    'word': '小龙虾',
    'count': 100 * Math.random()
  }, {
    'word': '面条',
    'count': 100 * Math.random()
  }, {
    'word': '商超',
    'count': 100 * Math.random()
  }, {
    'word': '美食',
    'count': 100 * Math.random()
  }, {
    'word': '海底捞',
    'count': 100 * Math.random()
  }, {
    'word': '肯德基',
    'count': 100 * Math.random()
  }, {
    'word': '必胜客',
    'count': 100 * Math.random()
  }, {
    'word': '水果',
    'count': 100 * Math.random()
  }, {
    'word': '跑腿',
    'count': 100 * Math.random()
  }, {
    'word': '送药',
    'count': 100 * Math.random()
  }]
}
</script>

<style lang="scss">

</style>
